<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,mail=yes">
	<title>Index</title>

	<script src="./js/jquery-1.8.3.min.js"></script>
	<script src="./js/swiper.min.js"></script>
	<link rel="stylesheet" href="./layui/css/layui.css">
	<link rel="stylesheet" href="./css/iconfont.css">
	<link rel="stylesheet" href="./css/animate.css">
	<link rel="stylesheet" href="./css/swiper.min.css">
	<link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./css/index.css">
	<script src="./js/wow.min.js"></script>
	<script type="text/javascript" src="./js/clipboard.min.js"></script>
	<script type="text/javascript" src="./layui/layui.js"></script>
	<link rel="stylesheet" href="./css/swiper-bundle.min.css" />

</head>

<body>
	<main class="active">
		<div class="head_a1">
			<div class="layui-main">
				<div class="b1">
					<div class="t1">步驟二：票券設定( 票券設定 )</div>
					<a href="index.html" class="back_btn"><img src="images/out.png">返回首页</a>
				</div>
			</div>
		</div>
		<div class="main_a">
			<div class="layui-main">
				<div class="active_w active3 ">
					<p class="text-align-center ft18 mb40 ft-bold">快來介紹你的嘉賓有多厲害！</p>
					<from class="layui-form">
						<div class="content">
							<div class="layui-form-item">
								<div class="label ">修改活動時間<p class=" tip1">開始時間</p>
								</div>
								<div class="d-flex">
									<input id="datetime-1" type="text" name="username" lay-verify="required"
										placeholder="请填写開始時間" autocomplete="off" class="layui-input">

								</div>
								<p class=" tip1 mb10">結束時間</p>
								<div class="d-flex">
									<input id="datetime-1" type="text" name="username" lay-verify="required"
										placeholder="请填写結束時間" autocomplete="off" class="layui-input">

								</div>
							</div>
							<div class="layui-form-item">
								<div class="label ">修改活動時間
								</div>
								<table class="layui-table a9_table" lay-skin="line">
									<colgroup>
										<col>
										<col width="150">
										<col width="150">
										<col width="150">
									</colgroup>
									<thead>
										<tr>
											<th>票券名稱</th>
											<th>票券數量</th>
											<th>票價</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<tr class="layui-hide show-block">
											<td><input class="layui-input"></td>
											<td><input type="number" class="layui-input"></td>
											<td><select name="interest" lay-filter="aihao">
													<option value="">免费</option>
													<option value="">收费</option>
												</select></td>
											<td>
												<div class="d-flex ">
													<div class="orange_c mr10"><i
															class="layui-icon mr5 layui-icon-add-circle-fine"></i>新增
													</div>
													<div data-btn="delete" class="orange_c"><i
															class="layui-icon mr5 layui-icon-delete"></i>删除</div>
												</div>
											</td>
										</tr>
									</tbody>
								</table>
								<div class="flex-center mt30">
									<button data-a9-btn="free"
										class="layui-btn layui-btn-primary layui-border-orange layui-btn-lg "><i class="layui-icon layui-icon-add-circle
										mr5"></i>免费票</button>
									<button data-a9-btn="money"
										class="layui-btn layui-btn-primary layui-border-orange layui-btn-lg "><i class="layui-icon layui-icon-add-circle
											mr5"></i>付费票</button>
								</div>

							</div>
							<div class="layui-hide show-block">
								<div class="layui-form-item">
									<div class="label ">票券說明
									</div>
									<div class="">
										<textarea lay-verify="required" class="layui-textarea"
											style="min-height: 2rem;"></textarea>
									</div>
								</div>
								<div class="layui-form-item">
									<div class="label ">售票時間<p class=" tip1">開始時間</p>
									</div>
									<div class="d-flex">
										<input id="datetime-1" type="text" name="username" lay-verify="required"
											placeholder="请填写開始時間" autocomplete="off" class="layui-input">

									</div>
									<p class=" tip1 mb10">結束時間</p>
									<div class="d-flex">
										<input id="datetime-1" type="text" name="username" lay-verify="required"
											placeholder="请填写結束時間" autocomplete="off" class="layui-input">

									</div>
								</div>
								<div class="layui-form-item">
									<div class="label ">有效時間(可驗票時間)<p class="tip1">有效時間為可驗票入場的時間，系統自動提前兩小時開放給主辦方現場測試。
										</p>

										<div class="mb20">
											<input type="checkbox" name="arr[0]" title="有效時間建議設定為活動時間">
										</div>
										<p class=" tip1">開始時間</p>
									</div>
									<div class="d-flex">
										<input id="datetime-1" type="text" name="username" lay-verify="required"
											placeholder="请填写開始時間" autocomplete="off" class="layui-input">

									</div>
									<p class=" tip1 mb10">結束時間</p>
									<div class="d-flex">
										<input id="datetime-1" type="text" name="username" lay-verify="required"
											placeholder="请填写結束時間" autocomplete="off" class="layui-input">

									</div>
								</div>
								<div class="layui-form-item">
									<div class="label ">是否為審核票？<p class="tip1">凡購買此票券都需要經過您的審核</p>

										<div>
											<input type="checkbox" name="arr[0]" title="是，都經過我審核">
										</div>
									</div>
								</div>
								<div class="layui-form-item">
									<div class="label ">是否開賣？

									</div>
									<div>
										<input type="checkbox" name="arr[0]" title="發售，活動上架後立即開賣">
										<input type="checkbox" name="arr[0]" title="停售，該票券暫停對外銷售，並從購票頁中隱藏">
									</div>
								</div>
								<div class="layui-form-item">
									<div class="label ">是否開賣？</div>
									<div class="d-flex white-nowrap">
										<div class="flex-center mr30">
											最少<input type="number" class="layui-input ml5 mr5">张
										</div>
										<div class="flex-center">
											最多<input type="number" class="layui-input ml5 mr5">张
										</div>
									</div>
								</div>
							</div>

						</div>
						<div class="mt100 d-flex  jc-s al-c">
							<a href="active8.html" class="last-btn">
								<img src="images/out1.png">返回上一步
							</a>
							<a href="active10.html">
								<button class="layui-btn layui-bg-orange next-btn">下一步</button>
							</a>
						</div>
					</from>
				</div>

			</div>
		</div>
	</main>

</body>
<script src="./js/index.js"></script>

<script>
	layui.use(function () {
		var upload = layui.upload;
		var layer = layui.layer;
		var element = layui.element;
		var $ = layui.$;
		var laydate = layui.laydate;
		laydate.render({
			elem: '#datetime-1',
			type: 'datetime',
			fullPanel: true // 2.8+
		});
	})
	$(document).on('click', '[data-a9-btn]', function () {
		$('[data-a9-btn]').remove()
		$('.show-block').removeClass('layui-hide')

	}).on('click', '[data-btn="delete"]', function () {
		layer.confirm('确定删除嘛', {
			btn: ['确定', '取消'] //按钮
		}, function () {
		}, function () {

		});
	})
</script>

</html>